<script setup lang="ts">
import { onMounted } from 'vue';

onMounted(() => {
  console.log('字典数据')
});
// import { dictionaryApi } from "@/api/admin/dictionary";
// import {
//   ElCard,
//   ElTree,
//   ElTable,
//   ElTableColumn,
//   ElButton,
//   ElScrollbar,
//   ElMessage,
// } from "element-plus";
// import { onMounted, ref } from "vue";
// import DictionaryOptionsForm from "./component/DictionaryOptionsForm.vue";
// const dictionaryOptionsFormRef = ref<any>(null);
// const dictionaryId = ref<string>("");

// const dictionaryTree = ref<any>(null);

// const dictionaryOptionsTable = ref<any>(null);

// // 获取字典
// const getDictionary = async () => {
//   const ret = await dictionaryApi.getDictionary({});
//   if (ret.code === 200) {
//     dictionaryTree.value = ret.data;
//   } else {
//     ElMessage.error(ret.data.msg);
//   }
// };

// //

// onMounted(() => {
//   getDictionary();
// });

// // 点击树节点获取字典数据
// const handleNodeClick = async (node: any) => {
//   dictionaryId.value = node.id;
//   if (!dictionaryId.value) {
//     return;
//   }
//   const ret = await dictionaryApi.getDictionaryOptionsApi(dictionaryId.value);
//   if (ret.code === 200) {
//     dictionaryOptionsTable.value = ret.data;
//     console.log(ret);
//   }
// };

// const handleEdit = (row: any) => {
//   console.log(row);
// };

// const handleDel = (id: string) => {
//   console.log(id);
// };

// const handleAdd = () => {
//   dictionaryOptionsFormRef.value.open(dictionaryId.value);
// };
</script>

<template>
  <h1>
    字典数据
  </h1>
</template>

<style lang="less" scoped>
.dictionary {
  display: flex;
  width: 100%;
  .left {
    width: 250px;
  }
  .right {
    flex: 1;
    padding-left: 20px;
  }
}
</style>
